<template>
  <PageHeadFooter class="cal-color-slot" page="contactUs">
    <div class="crumbs">
      <div
          style="height: 100%"
          class="container flex-y-center font-18 color-fff"
      >
        <div
            style="height: 100%"
            class="m-x-40 flex-y-center font-18 color-fff"
        >
          <span @click="$router.push('/')" class="cspt m-r-4">HOME</span>
          <span class="m-r-4">>></span>
          <span class="m-r-4"> CONTACT US</span>
        </div>
      </div>
    </div>
    <div class="w1120">
      <div class="">
        <h2>Contact us</h2>
        <div class="cspt" style="cursor: default">
          <span class="iconfont icon-phone color-999"></span>
          Tel: +86 (0)21 5603 8298
        </div>

        <br>
        <div class="cspt">
          <a
              href="mailto:sales@efehk.co"
              style="text-decoration: none; color: #000"
          >
            <span class="iconfont icon-youjian color-999"></span>
            sales@efehk.co
          </a>
        </div>
        <br>
        <div class="cspt" style="cursor: default">
          <span class="iconfont icon-dingwei color-999"></span>
          RM 614, 6/F Concordia Plaza, 1 Science Museum Road, TST East,
          Kowloon, HongKong
        </div>
      </div>
    </div>

  </PageHeadFooter>
</template>

<script>
import PageHeadFooter from "../index/components/page-head-footer.vue";

export default {
  components: {
    PageHeadFooter,
  },
  data() {
    return {};
  },
};
</script>

<style lang="scss" scoped>

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  //margin-right: auto;
  //margin-left: auto;
}

.cal-color-slot {
  .crumbs {
    height: 60px;
    border-top: 2px;
    background: url("../detail/continer_img/crumbs-bg.jpg") repeat center center;
  }

  .list {
    padding: 20px 40px;
    margin: 0 auto;
    background: #ebebeb;
    display: flex;
    flex-wrap: wrap;

    .item {
      width: 20%;
      display: flex;
      margin-bottom: 20px;
      line-height: 80px;
      font-size: 12px;

      .color {
        width: 80px;
        height: 80px;
        margin-right: 20px;
      }
    }
  }
}

@media (min-width: 768px) {
  .container {
    width: 740px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 960px;
  }
}

@media (min-width: 1280px) {
  .container {
    width: 1200px;
  }
}

@media (min-width: 1600px) {
  .container {
    width: 1560px;
  }
}

@media (min-width: 1920px) {
  .container {
    width: 1800px;
  }
}


</style>
